<?php
include('includes/header.php');
$titulo = 'Consultorios';
include('menu.php');
//CONSULTA A LA BASE DE DATOS
$consultorios = GetSQL("select nombre, id_consultorio from consultorio
                    order by nombre");
$cant_rows = count($consultorios)
?>
<script type="text/javascript">
    $(function(){
        $(".modificar").live("click",function(event)
        {
            event.preventDefault();
            window.location = "editarConsultorio.php?id=" + $(this).attr("id") ;
        });
        $("#nuevo").live("click",function(event)
        {
            event.preventDefault();
            window.location = "editarConsultorio.php";
        });
        $(".eliminar").live("click",
        function(event){
            event.preventDefault();
            window.location = "eliminarConsultorio.php?id=" + $(this).attr("id");
        });
        $("#filtro").focus();
        $("#filtro").keyup(function(){
            if ($("#filtro").val().length > 2) {
                $("#consultorios").load("listarConsultorios.php",{nombre: $("#filtro").val(), tipo: 'filtro'});
            }
            else{
                $("#consultorios").load("listarConsultorios.php",{nombre: $("#filtro").val(), tipo: 'todas'});
            }
        });
    });
</script>
</head>
<body>
    <div class="addButton">
        <label>Buscar: </label><input type="text" id="filtro" name="filtro" />
        <a href="" id="nuevo" ><img alt="agregar" title="Agregar" src="imagenes/agregar.png" /></a>
    </div>
    <table border="1" cellspacing="1" cellpadding="0" width="800px" align="center">
        <thead>
            <tr>
                <td>Nombre</td>
                <td width="40"></td>
            </tr>
        </thead>
        <tbody id="consultorios">
            <?php
            for ($i = 0; $i < $cant_rows; $i++)
            {
                ?>
                <tr class="fila">
                    <td><?= utf8_encode($consultorios[$i]["nombre"]) ?></td>
                    <td>
                        <a href="" class="modificar" id="<?php echo $consultorios[$i]['id_consultorio']; ?>"><img alt="modificar" title="Modificar" src="imagenes/modificar.png" /></a>
                        <a href="" class="eliminar" id="<?php echo $consultorios[$i]['id_consultorio']; ?>"><img alt="eliminar" title="Eliminar" src="imagenes/eliminar.gif" /></a>
                    </td>
                </tr>
                <?php
            }
            ?>
        </tbody>
    </table>
</body>

